*{margin: 0;padding: 0;}
text{margin: 0;padding: 0;}
.wh-100{width: 100%;height: 100%;}
.w-50-h-100{width: 50%;height: 100%;}
.w-100-h-50{width: 100%;height: 50%;}

.line-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* 字体 */
.text-72-f3f2f0-b{font-size: 36rpx;font-family: PingFang SC;font-weight: bold;color: #F3F2F0;}
.text-36-ffffff-b{font-size: 36rpx;font-family: PingFang SC;font-weight: bold;color: #FFFFFF;}
.text-33-0f0f0f{font-size: 30rpx;font-family: PingFang SC;font-weight: 500;color: #0F0F0F;}
.text-30-0f0f0f{font-size: 30rpx;font-family: PingFang SC;font-weight: bold;color: #0F0F0F;}
.text-28-4d4d4d{font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #4d4d4d;}
.text-28-FFFFFF{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;}
.text-28-161616{font-size: 28rpx;font-family: PingFang SC;font-weight: 500;color: #161616;}
.text-28-0f0f0f{font-size: 28rpx;font-family: PingFang SC;font-weight: 500;color: #0F0F0F;}
.text-28-0f0f0f-b{font-size: 28rpx;font-family: PingFang SC;font-weight: bold;color: #0F0F0F;}
.text-24-4d4d4d{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #4d4d4d;}
.text-24-808080{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #808080;}
.text-24-f3f2f0{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #f3f2f0;}
.text-24-0f0f0f-b{font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #0f0f0f;}
.text-24-ffffff-b{font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #FFFFFF;}
.text-24-ffffff{font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;}
.text-20-808080{font-size: 20rpx;font-family: PingFang SC;font-weight: 500;color: #808080;}
.text-20-4d4d4d{font-size: 20rpx;font-family: SimHei;font-weight: 400;color: #4D4D4D;}
.text-16-ffffff{font-size: 16rpx;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;}
.text-18-A4A4A4{font-size: 18rpx;font-family: PingFang SC;font-weight: 500;color: A4A4A4;}

 /*  justify */
.flex-jc{display: flex;justify-content: center;}
.flex-js{display: flex;justify-content: flex-start;}
.flex-je{display: flex;justify-content: flex-end;}
.flex-j-sb{display: flex;justify-content: space-between;}
.flex-j-sa{display: flex;justify-content: space-around;}
/* ------------  align    */
.flex-ac{display: flex;align-items: center;}
.flex-as{display: flex;align-items: flex-start;}
.flex-ae{display: flex;align-items: flex-end;}
/* ====================  center =============== */
.flex-jc-ac{display: flex;justify-content: center;align-items: center;}
.flex-jc-as{display: flex;justify-content: center;align-items: flex-start;}
.flex-jc-ae{display: flex;justify-content: center;align-items: flex-end;}
/* ====================  start =============== */
.flex-js-ac{display: flex;justify-content: flex-start;align-items: center;}
.flex-js-as{display: flex;justify-content: flex-start;align-items: flex-start;}
.flex-js-ae{display: flex;justify-content: flex-start;align-items: flex-end;}
/* ====================  end =============== */
.flex-je-ac{display: flex;justify-content: flex-end;align-items: center;}
.flex-je-as{display: flex;justify-content: flex-end;align-items: flex-start;}
.flex-je-ae{display: flex;justify-content: flex-end;align-items: flex-end;}
/* ====================  between =============== */
.flex-j-sb-ac{display: flex;justify-content: space-between;align-items: center;}
.flex-j-sb-as{display: flex;justify-content: space-between;align-items: flex-start;}
.flex-j-sb-ae{display: flex;justify-content: space-between;align-items: flex-end;}
/* ====================  around =============== */
.flex-j-sa-ac{display: flex;justify-content: space-around;align-items: center;}
.flex-j-sa-as{display: flex;justify-content: space-around;align-items: flex-start;}
.flex-j-sa-ae{display: flex;justify-content: space-around;align-items: flex-end;}



/* ------------------------ column  ---------------------- */
 /*  justify */
.flex-jc-fc{display: flex;justify-content: center;flex-direction: column;}
.flex-js-fc{display: flex;justify-content: flex-start;flex-direction:column;}
.flex-je-fc{display: flex;justify-content: flex-end;flex-direction:column;}
.flex-j-sb-fc{display: flex;justify-content: space-between;flex-direction:column;}
.flex-j-sa-fc{display: flex;justify-content: space-around;flex-direction:column;}
/* ------------  align    */
.flex-ac-fc{display: flex;align-items: center;flex-direction:column;}
.flex-as-fc{display: flex;align-items: flex-start;flex-direction:column;}
.flex-ae-fc{display: flex;align-items: flex-end;flex-direction:column;}
/* ====================  center =============== */
.flex-jc-ac-fc{display: flex;justify-content: center;align-items: center;flex-direction:column;}
.flex-jc-as-fc{display: flex;justify-content: center;align-items: flex-start;flex-direction:column;}
.flex-jc-ae-fc{display: flex;justify-content: center;align-items: flex-end;flex-direction:column;}
/* ====================  start =============== */
.flex-js-ac-fc{display: flex;justify-content: flex-start;align-items: center;flex-direction:column;}
.flex-js-as-fc{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction:column;}
.flex-js-ae-fc{display: flex;justify-content: flex-start;align-items: flex-end;flex-direction:column;}
/* ====================  end =============== */
.flex-je-ac-fc{display: flex;justify-content: flex-end;align-items: center;flex-direction:column;}
.flex-je-as-fc{display: flex;justify-content: flex-end;align-items: flex-start;flex-direction:column;}
.flex-je-ae-fc{display: flex;justify-content: flex-end;align-items: flex-end;flex-direction:column;}
/* ====================  between =============== */
.flex-j-sb-ac-fc{display: flex;justify-content: space-between;align-items: center;flex-direction:column;}
.flex-j-sb-as-fc{display: flex;justify-content: space-between;align-items: flex-start;flex-direction:column;}
.flex-j-sb-ae-fc{display: flex;justify-content: space-between;align-items: flex-end;flex-direction:column;}
/* ====================  around =============== */
.flex-j-sa-ac-fc{display: flex;justify-content: space-around;align-items: center;flex-direction:column;}
.flex-j-sa-as-fc{display: flex;justify-content: space-around;align-items: flex-start;flex-direction:column;}
.flex-j-sa-ae-fc{display: flex;justify-content: space-around;align-items: flex-end;flex-direction:column;}



.mg-lr-25{margin-left: 25rpx;margin-right: 25rpx;}
